.xuexi {
    height: 100%;
    width: 1100px;

    .top {
        display: flex;
        padding: 10px;
        text-align: center;
        align-items: center;

        h3 {
            font-size: 22px;
            margin-right: 200px;
        }

        h4,
        .ant-space-item {
            font-size: 18px;
            padding: 15px;
        }

        .ant-tabs-top>.ant-tabs-nav::before {
            border-bottom: 0;
        }

        .ant-tabs {
            margin-top: 15px;

            .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
                background-color: #f0f2f5;
            }
        }
    }

    #charts {
        height: 400px;
        margin-bottom: 30px;

        canvas {
            border-radius: 30px;
        }
    }

    #renshu {
        height: 400px;
        margin-bottom: 30px;

        canvas {
            border-radius: 30px;
        }
    }

    .box {
        height: 430px;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;

        .left,
        .right {
            width: 49%;
            height: 100%;
            background-color: white;
            border-radius: 20px;
            margin-bottom: 50px;

            .ant-table-wrapper {
                height: 100%;

                .ant-table-thead {
                    .ant-table-cell:nth-child(2) {
                        width: 88px;
                        text-align: center;
                    }
                }

                .ant-table-tbody>tr>td {
                    padding: 7px 5px;
                    text-align: center;

                    img {
                        width: 100%;
                    }
                }

                .ant-table-tbody {
                    .ant-table-row {
                        td:nth-child(1) {
                            color: blue;
                        }

                        .ant-table-cell:nth-child(3) {
                            color: blue;
                        }
                    }
                }
            }

            .ant-pagination {
                opacity: 0;
            }

            #fangwen {
                height: 100%;
                width: 540px;

                canvas {
                    border-radius: 30px;
                }
            }

        }

    }

}